@charset "utf-8";
@import '../../Sassproject/scss/model-beta';
@import '../../Sassproject/scss/color';
@import "theme";
//$themeColor: #B54009;
//$fontColor: #fff;
//$hoverColor: #eb7036;

.top{
	position: fixed;
	z-index: 1000;
	width: 100%;
	box-sizing: border-box;
	padding: 0 .5rem;
	top: 0;
	left: 0;
	background-color: $themeColor;
	color: $fontColor;
	@include breakLine;
	line-height: 3rem;
	.tl{
		display: inline-block;
		height: 3rem;
		vertical-align: top;
		width: 50%;
		font-size: 1.2rem;
		font-weight: lighter;
		a{
			color: $fontColor;
		}
	}
	.tr{
		display: inline-block;
		vertical-align: top;
		text-align: right;
		width: 50%;
		height: 3rem;
		a{
			color: $fontColor;
		}
		.icon-user,.icon-user2,.icon-cart,.icon-star,.icon-star2{
			line-height: 3rem;
			width: 3rem;
			height: 3rem;
			text-align: right;
			margin: 0;
			display: inline-block;
		}
	}
}
.assshopbox{
	width: 65%;
	position: fixed;
	top: 20%;
	left: 17.5%;
	z-index: 1010;
	font-size: 15px;
	box-shadow: 0 0 8px 0 $themeColor;
	text-align: center;
	&.focus{
		display: none;
	}
	.item1{
		width: 100%;
		padding: .7rem 0;
		background-color: $white;
		color: $black;
	}
	.item2{
		width: 100%;
		background-color: $btnHover;
		color: $fontColor;
		padding: .7rem 0;
		@include Line(1);
	}
}
.bottom{
	position: fixed;
	z-index: 1000;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: $themeColor;
	padding: 0;
	margin: 0;
	a{
		display: inline-block;
		vertical-align: top;
		width: 20%;
		height: 3rem;
		color: $fontColor!important;
		line-height: 3rem;
	}
}
